import React, { Component } from "react";
import { Button, Select, Input } from "antd";
import "./index.less";
const { Option } = Select;

function callback(key) {
  console.log(key);
}
function handleChange(value) {
  console.log(`selected ${value}`);
}
export default class CommodityHome extends Component {
  render() {
    return (
      <div className="screening">
        <div>
          <Button type="primary">发布商品</Button>
        </div>
        <div className="select">
          <span>商品名称或编码：</span>
          <Input style={{ width: 180 }} placeholder="请输入优惠券名称" />
          <span className="spca">商品分类：</span>
          <Select
            defaultValue="lucy"
            style={{ width: 180 }}
            onChange={handleChange}
          >
            <Option value="jack">Jack</Option>
            <Option value="lucy">Lucy</Option>
            <Option value="Yiminghe">yiminghe</Option>
          </Select>

          <div className="filter">
            <Button type="primary">筛选</Button>
            <Button className="exporting-report">导出报表</Button>
            <span className="condit">清空筛选条件</span>
          </div>
        </div>
      </div>
    );
  }
}
